<template>
  <div class="baseShape">
    <div class="singleBorder"></div>
    <div class="circular"></div>
    <div class="triangle"></div>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="scss" scoped>
.singleBorder{
  height: 40px;
  width: 120px;
  box-sizing: border-box;
  border-right: 4px solid #54b0f7;
  background: #b3deff;
}

.circular{
  border-radius: 50%;
  background: #b3deff;
  width: 80px;
  height: 80px;
}
.triangle{
  width: 0;
	height: 0;
	margin-right: 50px;
	float: left;
  border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 50px solid #b3deff;
}
</style>
